<script setup lang="ts"></script>
<template>
  <div class="home-box">
    <RouterView>
      <template #default="{ Component, route }">
        <transition name="zoom-fade" mode="out-in" appear>
          <component :is="Component" :key="route.fullPath" />
        </transition>
      </template>
    </RouterView>
  </div>
</template>

<style scoped lang="scss">
.home-box {
  height: 100vh;
  overflow-y: auto;
}
</style>
